<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <link rel="stylesheet" href="main.css">

</head>

<body>

    <div class="top1">
        <div class="t-1">
            <img src="src/index_img/2.PNG">
        </div>
    </div>
    <div class="top2">
        <div class="t-1">
            <ul style="padding-left:0;">
                <li class="mulu">
                    首页
                </li>
                <li class="mulu">
                    新闻资讯
                </li>
                <li class="mulu">
                    会员中心
                </li>
                <li class="mulu">
                    <p style="text-direction:underline"> 设备介绍</p>
                    
                </li>
                <li class="mulu">
                    风险评估
                </li>
                <li class="mulu">
                    特色服务介绍
                </li>
            </ul>
            <div class="load">
                |&nbsp注册
            </div>
            <div class="load" style="padding-right:0px">
                登录
            </div>
            <img class="load" src="src\index_img\load.png">
        </div>
    </div>
    <div class="top3">
        <img style="width:100%;height:100%" src="src\index_img\1.PNG">
    </div>
    <div class="con">
        <div class="con_1">
            <div class="con_11">
                <img src="src\index_img\health_service_1.png">
                <div class="jk">
                    健康服务
                </div>
                <span>咨询、诊断等特色健康服务</span>
            </div>
            <div class="con_11">
                <img src="src\index_img\health_service_2.png">
                <div class="jk">
                    慢病评估
                </div>
                <span>咨询、诊断等特色健康服务</span>
            </div>
            <div class="con_11">
                <img src="src\index_img\health_service_3.png">
                <div class="jk">
                    健康设备
                </div>
                <span>咨询、诊断等特色健康服务</span>
            </div>
            <div class="con_11">
                <img src="src\index_img\health_service_4.png">
                <div class="jk">
                    健康专家
                </div>
                <span>咨询、诊断等特色健康服务</span>
            </div>
        </div>
        <div class="con_2">
            <div class="con_2_top">
                健康服务
            </div>
            <div class="con_21">
                <img src="src\index_img\service_1.png">
                <div>
                    医生诊疗服务
                </div>
                <span>
                慢病咨询，健康体检，远程诊断，用药提醒，疾病预防等
                </span>
                <div class="button_1" style="background:#c90">
                    了解更多
                </div>
            </div>
            <div class="con_21">
                <img src="src\index_img\service_2.png" style="border-bottom: 5px solid #18c0a2;">
                <div>
                    健康师关爱服务
                </div>
                <span>
                        日常健康指导，健康关爱提醒，健康咨询，用药提醒等
                        </span>
                <div class="button_1" style="background:#18c0a2">
                    了解更多
                </div>
            </div>
            <div class="con_21" style="margin-right:0px">
                <img src="src\index_img\service_3.png" style="border-bottom: 5px solid #e7a0e2">
                <div>
                    健康管理服务
                </div>
                <span>
                        健康数据云端存储，永久保存，直观展示，超标报警等
                        </span>
                <div class="button_1" style="background:#e7a0e2">
                    了解更多
                </div>
            </div>
        </div>
        <div class="con_2">
            <span style="float:right;color:#369">
                更多>>
            </span>
            <div class="con_2_top">
                健康设备
            </div>

            <div class="con_22">
                <img src="src\index_img\equipment_1.png" alt="">
                <div style="color:#393939">
                    O-Band智能手环&nbsp墨蓝
                </div>
                <span>
                 智能手环，完美支持Android系统，军用传感器，30天超长续航
             </span>
            </div>
            <div class="con_22">
                <img src="src\index_img\equipment_2.png" alt="">
                <div style="color:#393939">
                    O-Band智能手环&nbsp银白
                </div>
                <span>
                        智能手环，完美支持Android系统，军用传感器，30天超长续航
                    </span>
            </div>
            <div class="con_22">
                <img src="src\index_img\equipment_3.png" alt="">
                <div style="color:#393939">
                    O-Band智能手环&nbsp墨蓝
                </div>
                <span>
                        智能手环，完美支持Android系统，军用传感器，30天超长续航
                    </span>
            </div>
            <div class="con_22">
                <img src="src\index_img\equipment_4.png" alt="">
                <div style="color:#393939">
                    O-Band智能手环&nbsp银白
                </div>
                <span>
                        智能手环，完美支持Android系统，军用传感器，30天超长续航
                    </span>
            </div>
        </div>
        <div class="con_2" style="height:400x">
            <span style="float:right;color:#369">
                        更多>>
                    </span>
            <div class="con_2_top">
                健康资讯
            </div>
            <div class="con_21" style="float: left;">
                <img src="src\index_img\news_1.png" style="border-bottom:0">
                <ul style="float:left">
                    <li>
                        糖尿病最佳治疗方法是什么?
                    </li>
                    <li>
                        夏天吃茄子可保护心脑血管
                    </li>
                    <li>
                        了解病足分级知识，预防糖尿病足
                    </li>
                    <li>
                        糖友夏吃冬瓜&nbsp降糖解暑棒棒哒
                    </li>
                    <li>
                        这样运动当心引发低血糖？
                    </li>
                    <li>
                        减重手术治糖尿病有适用人群
                    </li>
                </ul>
            </div>
            <div class="con_21">
                <img src="src\index_img\news_2.png" style="border-bottom:0">
                <ul style="float:left">
                    <li>
                        导致高血压的原因有哪些?
                    </li>
                    <li>
                        高血压患者别只顾血压，也要防心跳过快诱发中风
                    </li>
                    <li>
                        高血压脑出血的治疗
                    </li>
                    <li>
                        高血压能根治吗？
                    </li>
                    <li>
                        老人得了脑血栓怎么办？
                    </li>
                    <li>
                        高血压的治疗和饮食方法
                    </li>
                </ul>
            </div>
            <div class="con_21" style="margin-right: 0px;">
                <img src="src\index_img\news_3.png" style="border-bottom:0">
                <ul style="float:left">
                    <li>
                        夏天肝郁脾虚&茼蒿疏肝
                    </li>
                    <li>
                        枸杞不适宜夏季服用&易生湿、生火
                    </li>
                    <li>
                        男子重度中暑&四十二度体温烤爆温度计
                    </li>
                    <li>
                        刮痧部位变黑是怎么回事？
                    </li>
                    <li>
                        夏天肝郁脾虚&茼蒿疏肝 ？
                    </li>
                    <li>
                        樱桃吃多了会上火吗？
                    </li>
                </ul>
            </div>
        </div>
        <div class="con_2" style="height:400px">
            <div class="con_23" style=" float:left;">
                <div style="border-bottom:2px solid #d8d8d8">
                    <span style="float:right;color:#369">
                            更多>>
                        </span>
                    <div class="con_2_top">
                        中心动态
                    </div>
                </div>
                <div class="con_24">

                    <img src="src\index_img\241.png" style="float:left">

                    <div style="color:#393939">
                        烟民如何预防肺癌？-定期体检
                    </div>
                    <span>
                   一般来讲，进入老年的人生理上会表现出新陈代谢放缓 抵抗力下降、生理机能下降等特征。
                 </span>
                    <div style="margin: 0px;padding:0px;color:#fff;background:#18c0a2">
                        开始阅读
                    </div>
                </div>
                <div class="con_24">

                    <img src="src\index_img\242.png" style="float:left">

                    <div style="color:#393939">
                        端午节体检，健康永相随
                    </div>
                    <span>
                      一般来讲，进入老年的人生理上会表现出新陈代谢放缓 抵抗力下降、生理机能下降等特征。
                    </span>
                    <div style="margin: 0px;padding:0px;color:#fff;background:#18c0a2">
                        开始阅读
                    </div>
                </div>
            </div>
            <div class="con_23" style="float:right">
                <div style="border-bottom:2px solid #d8d8d8">
                    <span style="float:right;color:#369">
                            更多>>
                        </span>
                    <div class="con_2_top">
                        最新活动
                    </div>
                </div>
                <div class="con_24">

                    <img src="src\index_img\243.png" style="float:left" alt="">

                    <div style="color:#393939">
                        烟民如何预防肺癌？-定期体检
                    </div>
                    <span>
                              一般来讲，进入老年的人生理上会表现出新陈代谢放缓 抵抗力下降、生理机能下降等特征。
                            </span>
                    <div style="margin: 0px;padding:0px;color:#fff;background:#f93">
                        开始阅读
                    </div>
                </div>
                <div class="con_24">

                    <img src="src\index_img\244.png" style="float:left" alt="">

                    <div style="color:#393939">
                        端午节体检，健康永相随
                    </div>
                    <span>
                          一般来讲，进入老年的人生理上会表现出新陈代谢放缓 抵抗力下降、生理机能下降等特征。
                        </span>
                    <div style="margin: 0px;padding:0px;color:#fff;background:#f93">
                        开始阅读
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="tail_1">
        <div class="ta_1">
            <div class="ta_11">
                <div style="color: #bababa;">友情链接</div>
                <ul style="float:left;padding:5px 0px;font-size: 12px;color:#bababa;list-style:none">
                    <li>中国疾病预防控制中心</li>
                    <li>卫生部人才交流服务中心</li>
                    <li>国家卫生和计划生育委员会</li>
                    <li>山东省卫生和计划生育委员会</li>
                    <li>山东卫生网</li>
                </ul>
            </div>
            <div class="ta_11">
                <div style="color: #bababa;">关于我们</div>
                <ul style="float:left;padding:5px 0px;font-size: 12px;color:#bababa;list-style:none">
                    <li>公司简介</li>
                    <li>联系我们</li>
                    <li>版权声明</li>
                    <li>服务条款</li>
                </ul>
            </div>
            <div class="ta_11">
                <div style="color: #bababa;">客户服务</div>
                <ul style="float:left;padding:5px 0px;font-size: 12px;color:#bababa;list-style:none">
                    <li>电话：888888888</li>
                    <li>&nbsp&nbsp&nbsp&nbsp8888888888</li>
                    <li>Q&nbspQ：1123456789</li>

                </ul>
            </div>
        </div>
    </div>
    <div class="tail_2">
        <div class="ta_2">
            <img src="src\index_img\tail_1.png" style="float:left">
            <img src="src\index_img\tail_2.png" style="float:right">
        </div>
    </div>


</body>

</html>